.home {
    .left-title {
        display: flex;
        .logo {
            width: 30px;
            height: 30px;
            background-color: #307dd5;
            border-radius: 50%;
            overflow: hidden;
            margin-top: 8px;
        }
        .logo-title {
            font-size: 18px;
            font-weight: 700;
            margin-left: 10px;
            line-height: 46px;
            color: #646566;
        }
    }
    .right-title {
        color: #307dd5;
        font-weight: bold;
    }

    .home-title {
        display: flex;
        color: #666;
    }
    /deep/.van-search {
        padding: 0;
    }
    .username {
        margin-left: 10px;
        max-width: 60px;
    }
    /deep/ .van-nav-bar {
        padding: 0;
    }    
    .banner {
        width: 375px;
        height: 180px;
        box-sizing: border-box;
        padding: 0 12px;
        .my-swipe {
            .van-swipe-item {
                position: relative;
                width: 375px;
                height: 180px;
                overflow: hidden;
                border-radius: 10px;
                img {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%,-50%);
                    width: 100%;
                }
            }
        }
    }
    .recommend {
        width: 375px;
        padding: 0 12px;
        box-sizing: border-box;
        overflow: hidden;
        margin-top: 10px;
        .rmd-title {
            display: flex;
            align-items: center;
            width: 100%;
            height: 50px;
            background-color: #fff;
            margin-bottom: 10px;
            line-height: 50px;
            box-sizing: border-box;
            border-radius: 3px;
            .title-text {
                height: 30px;
                background-color: #307dd5;
                color: #fff;
                font-weight: bold;
                font-size: 15px;
                padding: 0 20px 0 10px;
                line-height: 30px;
                // border-top-right-radius: 15px;
                border-radius: 0 15px 15px 0;
            }
        }
        .recommend-list {
            width: 200%;
            display: flex;
            li {
                position: relative;
                width: 108px;
                height: 140px;
                background-color: #fff;
                border-radius: 7px                                                                                     ;
                margin-left: 12px;
                &:first-child {
                    margin-left: 0;
                }
                .recommend-img {
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    width: 110px;
                    height: 100px;
                    border-radius: 7px;
                    overflow: hidden;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                p {
                    position: absolute;
                    bottom: 0px;
                    left: 0;
                    font-size: 14px;
                    padding: 0 10px 10px;
                    color: #e37d2a;
                }
                span {
                    position: absolute;
                    right: 10px;
                    bottom: 9px;
                    display: block;
                    width: 20px;
                    height: 20px;
                    background: url(../images/jia.png) no-repeat;
                    background-size: contain;
                }
            }
        }
    }
    .hot {
        padding: 0 12px;
        margin-top: 20px;
        .hot-title {
            display: flex;
            align-items: center;
            width: 100%;
            height: 50px;
            font-size: 16px;
            line-height: 50px;
            background-color: #fff;
            margin-bottom: 10px;
            border-radius: 3px;
            .title-text {
                height: 30px;
                color: #fff;
                background-color: #307dd5;
                font-weight: bold;
                font-size: 15px;
                padding: 0 20px 0 10px;
                line-height: 30px;
                // border-top-right-radius: 15px;
                border-radius: 0 15px 15px 0;
            }
        }
        .hot-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
    }
}